<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
	*{
		padding: 0;
		margin: 0;
	}
    .box {
		width: 580px;
		height: 40px;
		margin: 100px auto;
    }
	.serch{
		position: relative;
	}
	img{
		width: 15px;
		height: 15px;
		position: absolute;
		top: 15px;
		left: 5px;
	}
    input {
		width: 450px;
		height: 36px;
		outline: none;
		padding-left: 20px;
		border: 2px solid rgb(247, 93, 4);
    }
    button {
		width: 97px;
		border: 0;
		background-color: rgb(247, 93, 4);
		height: 40px;
		color: white;
    }
</style>
</head>
<body>
	<div class="box">
		<div class="serch">
			<img src="fdj.jpg" >
		</div>
		<input type="text" placeholder="微拍暴君晒流行">
		<button>搜索</button>
	</div>
</body>
</html>